<script setup lang="ts">
// 客户端链接组件
</script>

<template>
  <div class="client-link p-16px bg-primary-100 dark:bg-primary-900 rounded-8px">
    <h3 class="text-18px font-bold mb-16px">客户端入口</h3>
    <p class="mb-16px">点击下面的按钮进入独立的客户端系统</p>
    <router-link to="/client" class="btn-primary py-8px px-16px rounded-4px inline-block">
      进入客户端
    </router-link>
  </div>
</template>

<style scoped>
.btn-primary {
  background-color: var(--el-color-primary);
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn-primary:hover {
  background-color: var(--el-color-primary-light-3);
}
</style> 